/**
 * Copyright 2016 Google Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

#flash{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;	
	color: white;
	background-color: white;
	opacity: 0;
	transition: opacity 0.6s;
	pointer-events: none;

	&.visible {
		opacity: 1;
		transition: opacity 0.1s;
	}
}

$shutterSize : 80px;
$slowTransition: 0.4s;
$fastTransition: 0.25s;

#shutterButton {
	position: absolute;
	bottom: 20px;
	left: 50%;
	width: $shutterSize;
	height: $shutterSize;
	margin-left: calc(-$shutterSize / 2);
	// border-radius: 50%;
	// border: 2px solid white;
	background-color: transparent;
	transition: transform $slowTransition;
	transform: scale(0);
	pointer-events: none;
	user-select: none;
	background-image: url(../images/shutter.png);
	background-size: 100% 100%;
    z-index: 100001;
    -webkit-tap-highlight-color: rgba(0,0,0,0);

	$innerSize : calc($shutterSize * 0.8);

	/* #innerShutter {
		position: absolute;
		width: $innerSize;
		height: $innerSize;
		left: 50%;
		top: 50%;
		margin-left: calc(-$innerSize / 2);
		margin-top: calc(-$innerSize / 2);
		background-color: white;
		opacity: 0.7;
		border-radius: 50%;
		transform: scale(0);
		transition: transform $fastTransition;
	} */


	&.visible {
		pointer-events: initial;
		transform: scale(1);
		cursor: pointer;
		transition-duration: $fastTransition;

		&:hover {
			transform: scale(1.1);
			transition-duration: $fastTransition;

			&:active {
				filter: brightness(40%);
			}
		}
		/* #innerShutter {
			transition-duration: $slowTransition;
			transform: scale(1);
		} */
	}
}